<template>
  <div>
    <div>路由匹配语法字符串</div>
    <div>{{ message }}</div>
    <div>
      <router-link to="/MatchingSyntax/apple">匹配字符串</router-link>
      <p></p>
      <router-link to="/MatchingSyntax/1">匹配数字</router-link>
    </div>
  </div>
  <router-view></router-view>
</template>

<script>
export default {
  name: "MatchingSyntaxString",
  data() {
    return {
      message: null
    }
  },
  methods: {},
  mounted() {
    this.$nextTick(() => {
      this.message = this.$route.params.productName
    })
  },

}
</script>

<style scoped>

</style>